hsweb的系列学习之FreeMarker模板引擎与动态页面静态化与后台结合的一些处理逻辑二

FreeMarker基础补强请参考:https://github.com/muyinchen/migo-freemaker

首先是对登录逻辑的处理:

图1

通过一个ajax来访问，返回的数据信息表示成功就会访问到`图17`的逻辑

图2

图3是对图2的登录逻辑的展示

图3

登录之后跳转到`index.ftl`,在此请看红色标记:

图4

通过`macro`来自定义一个指令`api`,定义内容见`图5`

图5

通过上述的定义逻辑会访问到UserModuleController.class里的相应处理逻辑,如下图所示:

图6

`index`页面`js`处理逻辑

对返回的数据进行展示:

图7

对`onNodeClick`事件的处理:

在此举个小例子:

<ul id="tree1" class="mini-tree" url="../data/tree.txt" style="width:300px;padding:5px;"
                    showTreeIcon="true" textField="text" idField="id" value="base"                                    expandOnNodeClick="true"
                    onNodeClick="onNodeClick"
                    >        
</ul>
function onNodeClick(){
          var tree=mini.get("tree1")
               node=tree.getSelectedNode()
          alert(node.text);
}